﻿@theme: "../refs/";

@import "@{theme}variables.less";
@import "@{theme}mixins.less";

.product-reviews-page {
    .write-review {
        padding-left: 10px;
        padding-bottom: 10px;
        border: 1px solid #EFEFEF;
        border-left-width: 3px;
    }

    .title {
        padding: 5px 0;
    }

    label, span, .form-control {
        float: left;
    }

    .form-control {
        width: 300px;
        margin: 0 10px;
    }

    .review-text {
        height: 100px;
        width: 400px;
    }

    .review-rating {
        margin: 10px 0;

        ul li {
            float: left;
        }

        .first {
            margin: 0 10px;
        }

        .last {
            margin: 0 10px;
        }
    }

    .form-group {
        clear: both;
        overflow: hidden;
    }
}

.product-review-list {
    padding-top: 5px;
    margin-top: 10px;
    border-top: 1px solid #ddd;



    .product-review-item {
        border: 1px solid #C9C9C9;
        margin: 5px 0;
        color: #3A4045;
    }

    .review-item-head {
        height: 25px;
        line-height: 25px;
        background: #F4F4F4;
        padding: 0 10px;
        position: relative;

        .reviewername {
            float: left;
        }

        .rating {
            float: left;
            margin: 4px 5px 0 5px;
        }

        .other-info {
            padding-left: 5px;
            float: left;
        }
        .result{
            color:red;
        }
        .product-review-helpfulness {
            position: absolute;
            right: 5px;
            top: 0;
            .summary{
                span{
                    float:none;
                }
            }
            .vote {
                width: 18px;
                height: 18px;
                display: block;
                float: left;
                background: url(../images/icons.png) 0 0 no-repeat;
                margin: 4px 4px 0;
                cursor: pointer;
                text-indent: -9999px;
            }

            .vote-yes {
                background-position: 0 0;

                &:hover {
                    background-position: 0 -18px;
                }
            }

            .vote-no {
                background-position: -18px 0;

                &:hover {
                    background-position: -18px -18px;
                }
            }
        }
    }

    .review-item-text {
        .review-title {
            margin-bottom: 5px;
            font-size: 13px;
            font-weight: 700;
            color: @gray;
        }

        padding: 10px;
    }
}
